<!--Create by hanzhendong on 2017/5/7.-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Title</title>
    <style>
        .p-ab{
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .bg{
            background:url("src/assets/img/back1.png") no-repeat center;
            background-size: cover;
        }
        .img-top{
            margin-top: 3.5rem;
        }

        @media only screen
        and (min-device-width : 320px)
        and (max-device-width : 412px) {
            .img-top{
                margin-top: 3.5rem;
            }
        }
        @media only screen
        and (min-device-width : 412px)
        and (max-device-width : 480px) {
            .img-top{
                margin-top: 3rem;
            }
        }
    </style>
</head>
<body>
<div class="p-ab bg">
    <img src="src/assets/img/1.png" class="img-top">
    <a href="www.baidu.com">练级</a>
</div>
    <script src="tt.js">
    </script>
<script>
    ajax({
        url:"333", //请求地址
        type:'post',   //请求方式
        data:JSON.stringify({name:'zhangsan',age :'23',email:'2372734044@qq.com'}), //请求参数
        dataType:"json",     // 返回值类型的设定
        async:false,   //是否异步
        success:function (response,xml) {
            console.log(response);   //   此处执行请求成功后的代码
        },
        fail:function (status) {
            console.log('状态码为'+status);   // 此处为执行成功后的代码
        }

    });
</script>
</body>
</html>